<template>
  <!-- 历史记录 -->
  <div class="searchHistory">
    <span class="searchSpan">历史</span>
    <span
      v-for="item in lishijilu"
      :key="item"
      class="spanKey"
      @click="searchHistory(item)"
    >
      {{ item }}
    </span>
    <svg class="icon" aria-hidden="true" @click="dede">
      <use xlink:href="#icon-laji_huabanfuben"></use>
    </svg>
  </div>
</template>

<script>
export default {
  props: ["lishijilu","dede"],
  data() {
    return {
      jilu: [],
    };
  },
  methods: {
  
  },
};
</script>

<style lang="less" scoped>
.searchHistory {
  width: 100%;
  padding: 0.2rem;
  position: relative;
  .searchSpan {
    font-weight: 700;
  }
  .spanKey {
    padding: 0.1rem 0.2rem;
    background-color: #fff;
    border-radius: 0.4rem;
    margin: 0.1rem 0.2rem;
    border: #999 0.02rem solid;
    display: inline-block;
  }
  .icon {
    width: 0.4rem;
    height: 0.4rem;
    position: absolute;
    right: 0.2rem;
    bottom: 0.42rem;
  }
}
</style>